<!DOCTYPE html>
<html lang="en">
<link rel="stylesheet" href="/css/main/table.css"/>
<link rel="stylesheet" href="/css/main/page.css"/>
<link rel="stylesheet" href="/css/common/list.css"/>
<link rel="stylesheet" href="/css/common/add2.css"/>

<script type="text/javascript" src="${ctx}/plugin/jquery/jquery-2.1.1.js"></script>
<script type="text/javascript" src="${ctx}/plugin/layer-v1.9.2/layer/layer.js"></script>
<script src="${ctx}/plugin/echarts/echarts.min.js"></script>
<link href="${ctx}/plugin/jquery/searchableSelect/jquery.searchableSelect.css" rel="stylesheet" type="text/css">
<#--<script src="${ctx}/plugin/jquery/searchableSelect/jquery-1.11.1.min.js"></script>-->
<script src="${ctx}/plugin/jquery/searchableSelect/jquery.searchableSelect.js"></script>
<#--<script type="text/javascript" src="${ctx}/js/page.js"></script>-->

<style>
    body {
        margin: 0px 10px;
        font-size: 15px;
        color: #65646c;
        /* overflow-x: hidden; */
        /* background-color: #EEF8F9; */
    }
</style>
<body>
<div>
    <input type="hidden" id="dataUrl" value="${dataUrl}"/>
    <input type="hidden" id="personId" value="${personId}"/>

    <div class="form-layer-group4">
        <div class="form-group-div4 form-layer-input4 clearfix" style="float: left;margin-left: 10px">
            <div class="form-group-div4 form-layer-input4 clearfix" style="float: left">
                <label class="control-label4" style="width: 50px">表名：</label>
                <select id="reportType" class="input-medium4 form-control m-b"
                        style="text-align: center;height: 36px;width: 110px">

                </select>
            </div>

            <div class="form-group-div4 form-layer-input4 clearfix" style="float: left;margin-left: 10px;margin-top: 10px;width: 300px
"><label class="control-label4" style="width: 75px;margin-top: 0px">工程名称：</label>
                <select id="projectName" class="input-medium4 form-control m-b"
                <#--onchange="getTaskList(this.options[this.options.selectedIndex].value)"-->
                        style="text-align: center;height: 36px;width: 190px;margin-top: 0px">

                </select>
            </div>
            <div class="form-group-div4 form-layer-input4 clearfix" style="float: left" id="corpDiv" hidden>
                <label class="control-label4" style="width:50px">单位：</label>
                <select id="corp" class="input-medium4 form-control m-b"
                        onchange="findReportVersion()"
                        style="text-align: center;height: 36px;width: 190px;float: left ">

                </select>
            </div>

        </div>
    </div>
    <#--<div style="float: left;width: 760px;height: 15px;display：none"></div>-->
    <div style="float: left;width: 760px">
    <#--<button>生成报表</button>-->
        <button type="button" id='generateReport' class="btn btn-main">生成报表</button>
    <#--<button type="button" id='uploadReport' class="btn btn-main">上传报表</button>-->
    </div>
    <div class="list-group" id="dataTable" style="float: left;width: 760px">

        <table id="dynamic-table" class="table table-stripe" role="grid"
               aria-describedby="dynamic-table_info">
            <thead>
            <tr role="row" style=" background: #CDD9D9;" class="tableHead">
                <th width="400px" tabindex="0" rowspan="1" colspan="1">名称</th>
                <th width="230px" tabindex="0" rowspan="1" colspan="1">时间</th>
                <th width="100px" tabindex="0" rowspan="1" colspan="1">操作</th>
            </tr>
            </thead>
            <tbody id="reportVersion">

            </tbody>
        </table>

    </div>
  <#--<div style="float: none;width: 760px;height: 15px;margin-top: 50px">-->
      <#--<div class="list-group" hidden id="dataTable">-->
          <div class="trends-charts" id="supervise-charts" style="width: 100%; height: 380px">

          </div>
      <#--</div>-->
  <#--</div>-->


</div>
</body>
<script type="text/javascript" src="${ctx}/js/report/detailedReportList.js"></script>
</html>
